<!--
  ~ Electronic Logistics Management Information System (eLMIS) is a supply chain management system for health commodities in a developing country setting.
  ~
  ~ Copyright (C) 2015  John Snow, Inc (JSI). This program was produced for the U.S. Agency for International Development (USAID). It was prepared under the USAID | DELIVER PROJECT, Task Order 4.
  ~
  ~ This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->
<div xmlns="http://www.w3.org/1999/html" tab-scroll>
    <h2>{{title}}</h2>

    <div class="alert alert-success" id="saveSuccessMsgDiv" ng-bind="message" ng-show="message"/>

    <!-- Add Product -->
    <form ng-submit="updateHelpContent()" id="updateHelpContentForm" name="updateHelpContentForm"
          novalidate select2-blur>

        <div>
            <h3>Help Content Information</h3>

            <div class="row">

                <fieldset class="span2">
                    <!-- help category -->
                    <div class="form-cell">
                        <label for="helpTopicId">Help Topic</label>

                        <div class="form-field" style="width: 40%;">

                            <select style="width:200px;" name="helpTopicId" id="helpTopicId"
                                    ng-model="editHelpContent.helpTopic.id"
                                    ng-options="option.id as option.name for option in helpTopicList"
                                    ng-required="true">

                            </select>
           <span class="field-error"
                 ng-show="updateHelpContentForm.id.$error.required && showError"
                 openlmis-message="missing.value">
            </span>
                        </div>
                    </div>

                    <div class="form-cell">
                        <label for="name">Name<span
                                class="label-required"> *</span></label>

                        <div class="form-field" style="width: 40%;">
                            <input ng-model="editHelpContent.name" name="name" id="name" type="text"
                                   ng-required="true"/>
        <span class="field-error"
              ng-show="updateHelpContentForm.name.$error.required && showError"
              openlmis-message="missing.value">
        </span>
                        </div>
                    </div>

                    <div class="container app">
                        <h3>Help Content</h3>

                        <div text-angular="text-angular" name="htmlcontent" ng-model="editHelpContent.htmlContent"
                             ta-disabled='disabled'></div>
                    </div>

                </fieldset>

            </div>


            <div form-toolbar id="action_buttons" class="action-buttons">
                <div class="form-cell button-row">
                    <input type="submit" class="btn btn-primary save-button" openlmis-message="button.save"/>
                    <a ng-click="cancelAddNewProduct()" class="btn btn-cancel cancel-button"><span
                            openlmis-message="button.cancel"></span></a>
                </div>
                <div class="toolbar-error" id="saveErrorMsgDiv" ng-show="showError || error">{{ errorMessage }}</div>
            </div>

        </div>
    </form>

</div>




